﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
    <title>@ViewBag.Title</title>
    <link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/css/reset.css")" />
    <link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/css/global.css")" />
    <link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/css/popup-forms.css")" />
    <link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/css/scrum-tracker.css")" />
    <link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/css/product.css")" />
    <link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/css/forms.css")" />
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js" type="text/javascript"></script>
    @*<script src="//ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js" type="text/javascript"></script>*@
    <script src="@Url.Content("~/Content/js/scrum-tracker.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/scripts/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
    <script type="text/javascript">
        UrlHelper = {
            Action: function (action, controller) {
                return '@Html.Raw(Url.Action("action", "controller"))'.replace('action', action).replace('controller', controller);
            }
        };        
    </script>
    @RenderSection("head", false)
</head>
<body>
    <div class="main-wrapper">
        <!-- header /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////-->
        <div class="mobile-header">
            <a href="@Url.Content("~")" class="scrum-tracker-logo">
            </a>
            <!-- end of logo -->
            <ul class="mobile-preferences-wrapper">
                <li>
                    <div class="st-name">
                        Scrum Tracker
                    </div>
                    <!-- end of st name-->
                </li>
                <li>
                    <div class="dark-insent-line-vertical height-3">
                        <div class="ddark-line-v">
                        </div>
                        <div class="dbright-line-v">
                        </div>
                    </div>
                    <!-- end of insent-line-vertical -->
                </li>
                <li>
                    <div class="preferences-btn">
                        <p>
                        </p>
                    </div>
                </li>
            </ul>
        </div>
        <!-- end of mobile header -->
        <div class="header">
            <a href="@Url.Content("~")" class="scrum-tracker-logo">
            </a>
            <!-- end of logo -->
            <ul class="preferences-wrapper">
                <li>
                    <div class="who-is-loged">
                        <p class="you-are-not-loged">
                            You are not loged, Please...
                        </p>
                        <div class="loged-user">
                            <p>
                                @User.Identity.Name
                            </p>
                            <div class="avatar">
                                @Html.GravatarImage(User.Identity.Name, 40, GravatarHtmlHelper.DefaultImage.MonsterId)
                            </div>
                            <!-- end of avatar -->
                        </div>
                        <!--  -->
                    </div>
                    <!-- end of who is loged -->
                </li>
                <li>
                    <div id="header-dark-two" class="dark-insent-line-vertical">
                        <div class="ddark-line-v">
                        </div>
                        <div class="dbright-line-v">
                        </div>
                    </div>
                    <!-- end of insent-line-vertical -->
                </li>
                <li><a class="login-btn" style="display: block;" href="@Url.Action("LogOut", "Accounts")">Logout </a></li>
                <li>
                    <div id="header-dark-three" class="dark-insent-line-vertical">
                        <div class="ddark-line-v">
                        </div>
                        <div class="dbright-line-v">
                        </div>
                    </div>
                    <!-- end of insent-line-vertical -->
                </li>
                <li>
                    <div class="preferences-btn">
                        <p>
                        </p>
                    </div>
                </li>
            </ul>
            <!-- end of preferences wrapper -->
        </div>
        <!-- end of header -->
        <div class="bread-crumbs-wrapper">
            <ul class="bread-crumbs">
                @RenderSection("bcrumbs", false)
            </ul>
            <!-- en of breadcrumbs -->
            <div class="st-name">
                Scrum Tracker
            </div>
            <!-- end of st name-->
        </div>
        <!-- end of bread crumb wrapper -->
        @RenderBody()
    </div>
    <!-- end of main wrapper -->
    <!-- popup forms ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////-->
    <ul class="preferences-menu-panel">
        <li><a href="#" class="preferences-menu-btn">Manage Developers</a> </li>
        <!-- 
		<li>
			<div id="h-two" class="dark-insent-line-horizontal">
				<div class="ddark-line-h"></div>
				<div class="dbright-line-h"></div>
			</div><!~~ end of insent-line-vertical ~~>
		</li>
		<li>
			<a href="#" class="preferences-menu-btn">Manage Something</a>
		</li>
 -->
    </ul>
    <!-- end of preferences menu panel -->
</body>
</html>
